<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	style="background:#f1f1f1 !important">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>粉丝</title>
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0"></meta>
<link rel="stylesheet"
	href="<%=basePath%>views/upai/layui/css/layui.css" media="all"></link>
<link href="<%=basePath%>views/upai/css/common.css" rel="stylesheet"></link>
<link href="<%=basePath%>views/upai/css/style.css" rel="stylesheet"></link>
<link href="<%=basePath%>views/upai/css/idangerous.swiper.css"
	rel="stylesheet"></link>
<link href="<%=basePath%>views/upai/css/team.css" rel="stylesheet"></link>
<style>
.team .info_nav ul li {
	color: #a3a3a3;
	font-size: 0.32rem
}
</style>
</head>

<body style="background: #f1f1f1 !important">

	<div class="team">

		<div class="award_tabulation">
			<ul>
				<c:choose>
					<c:when test="${!empty fanslist}">
						<c:forEach items="${fanslist}" var="fan">
							<li class="clearfix">
								<div class="left_userName">
									<img class="left_userName_img" src="${fan.c_avatar}" />
									<div class="userName_deat">
										<p>
											${fan.c_nick}
											<c:if test="${fan.fanlevel==1}">
												<img src="<%=basePath%>views/upai/images/jibie_06.png" />
											</c:if>
											<c:if test="${fan.fanlevel==2}">
												<img src="<%=basePath%>views/upai/images/jibie_10.png" />
											</c:if>
										</p>
										<span>ID ${fan.c_userid}</span>
									</div>
								</div>
							</li>
						</c:forEach>
					</c:when>
					<c:otherwise>
						<li class="clearfix">暂无粉丝</li>
					</c:otherwise>
				</c:choose>
			</ul>
		</div>
	</div>


	<script src="<%=basePath%>views/upai/js/jquery-1.9.1.min.js"></script>
	<script src="<%=basePath%>views/upai/js/idangerous.swiper.min.js"></script>
	<script src="<%=basePath%>views/upai/layui/layui.js" charset="utf-8"></script>
	<script src="<%=basePath%>views/upai/js/common.js" charset="utf-8"></script>

	<!---------顶部拖动菜单栏------------->
	<script type="text/javascript">
		$(function() {
			var swiper = new Swiper('.swiper-container', {
				slidesPerView : 3.5,
				grabCursor : true,
				spaceBetween : 30
			});

			$(".info_nav ul li").on("click", function() {
				$(this).addClass("on").siblings().removeClass("on")
				$(".content").hide();
				var str = ".content" + (parseInt($(this).index()) + 1);
				$(str).fadeIn();
				swiper.swipeTo($(this).index(), 1000, false);
			})
			$(".content3 .team_more").on(
					"click",
					function() {
						var istrue = $(this).prev("input").attr("checked");
						if (istrue == 'checked') {
							$(this).next(".team_info").children('.team_title')
									.next('p').next('p').hide();
							$(this).prev("input").attr("checked", false);
						} else {
							$(this).next(".team_info").children('.team_title')
									.next('p').show();
							$(this).css("background-images",
									"url(/zjwap/images/retract.png)");
							$(this).prev("input").attr("checked", true);
						}
					});

			var type = 0;
			$(".swiper-wrapper li").eq(type).trigger('click');

		})
	</script>


	<!-------点击滑动到顶部-------->
	<script>
		$(function() {
			$("#returnTop").click(function() {
				var speed = 500;//滑动的速度
				$('body,html').animate({
					scrollTop : 0
				}, speed);
				return false;
			});
		});
	</script>

</body>
</html>
